www.gusucode.com > PHP展示型企业网站模板米拓整站源码 1.0PHP源码程序 > PHP展示型企业网站模板米拓整站源码 1.0/MetInfozs_v1.0/MetInfozs_v1.0/app/system/include/static/assets/examples/js/advanced/treeview.js
/*! * remark (http://getbootstrapadmin.com/remark) * Copyright 2015 amazingsurge * Licensed under the Themeforest Standard Licenses */ (function(document, window, $) { 'use strict'; var Site = window.Site; $(document).ready(function($) { Site.run(); }); window.getExampleTreeview = function() { return [{ text: 'Parent 1', href: '#parent1', tags: ['4'], nodes: [{ text: 'Child 1', href: '#child1', tags: ['2'], nodes: [{ text: 'Grandchild 1', href: '#grandchild1', tags: ['0'] }, { text: 'Grandchild 2', href: '#grandchild2', tags: ['0'] }] }, { text: 'Child 2', href: '#child2', tags: ['0'] }] }, { text: 'Parent 2', href: '#parent2', tags: ['0'] }, { text: 'Parent 3', href: '#parent3', tags: ['0'] }, { text: 'Parent 4', href: '#parent4', tags: ['0'] }, { text: 'Parent 5', href: '#parent5', tags: ['0'] }]; }; var defaults = $.components.getDefaults("treeview"); // Example TreeView Json Data // -------------------------- (function() { var json = '[' + '{' + '"text": "Parent 1",' + '"nodes": [' + '{' + '"text": "Child 1",' + '"nodes": [' + '{' + '"text": "Grandchild 1"' + '},' + '{' + '"text": "Grandchild 2"' + '}' + ']' + '},' + '{' + '"text": "Child 2"' + '}' + ']' + '},' + '{' + '"text": "Parent 2"' + '},' + '{' + '"text": "Parent 3"' + '},' + '{' + '"text": "Parent 4"' + '},' + '{' + '"text": "Parent 5"' + '}' + ']'; var json_options = $.extend({}, defaults, { data: json }); $('#exampleJsonData').treeview(json_options); })(); // Example TreeView Searchable // --------------------------- (function() { var options = $.extend({}, defaults, { data: getExampleTreeview() }); var $searchableTree = $('#exampleSearchableTree').treeview(options); $('#inputSearchable').on('keyup', function(e) { var pattern = $(e.target).val(); var results = $searchableTree.treeview('search', [pattern, { 'ignoreCase': true, 'exactMatch': false }]); }); })(); // Example TreeView Expandible // --------------------------- (function() { var options = $.extend({}, defaults, { data: getExampleTreeview() }); // Expandible var $expandibleTree = $('#exampleExpandibleTree').treeview(options); // Expand/collapse all $('#exampleExpandAll').on('click', function(e) { $expandibleTree.treeview('expandAll', { levels: '99' }); }); $('#exampleCollapseAll').on('click', function(e) { $expandibleTree.treeview('collapseAll'); }); })(); // Example TreeView Events // ----------------------- (function() { // Events var events_toastr = function(msg) { toastr.info(msg, '', { iconClass: 'toast-just-text toast-info', positionClass: 'toast-bottom-right', containertId: 'toast-bottom-right' }); }; var options = $.extend({}, defaults, { data: getExampleTreeview(), onNodeCollapsed: function(event, node) { events_toastr(node.text + ' was collapsed'); }, onNodeExpanded: function(event, node) { events_toastr(node.text + ' was expanded'); }, onNodeSelected: function(event, node) { events_toastr(node.text + ' was selected'); }, onNodeUnselected: function(event, node) { events_toastr(node.text + ' was unselected'); } }); $('#exampleEvents').treeview(options); })(); })(document, window, jQuery);